import Vue from 'vue'
// import VueRouter from 'vue-router'
import VueRouter from './myVueRouter'
import Home from '../views/Home.vue'
import Hello from '../components/HelloWorld'

Vue.use(VueRouter)

// const routes = [
//   {
//     path:'/',
//     redirect:'/home',// 刚进页面的时候 是处在 / 想直接跳到'/home
//   },
//   {
//     path: '/home', // 路径
//     name: 'Home',// 路径对应的名字
//     component: Home,// 走到当前路径 对应要显示的 组件
//     meta:{
//       // 可以用来存储一些自定义的信息 路由元信息
//       til:"首页"
//     },
//     children:[
//       {
//         path:'/home/child1',
//         meta:{til:"儿子1"},
//         component:()=>import('../mycomponents/day8/child1.vue')
//       },
//       {
//         path:'/home/child2',
//         meta:{til:"儿子2"},
//         component:()=>import('../mycomponents/day8/child2.vue')
//       }
//     ]
//   },
//   {
//     path: '/about/:mykey',
//     name: 'About',
//     meta:{til:"about页"},
//     // route level code-splitting
//     // this generates a separate chunk (about.[hash].js) for this route
//     // which is lazy-loaded when the route is visited.
//     // 路由懒加载 只要组件不展示 就不去加载对应的组件； 有利于页面的加载效率
//     component: () => import(/* webpackChunkName: "about123" */ '../views/About.vue')
//   },
//   {
//     path:'/login'
//   },
//   {
//     path:'*', // 一般 会把 不存在的路径  重定向到存在的页； 这种的操作都在映射表的最后一项
//     redirect:'/about/555'
//   }
// ]
let my = [
  {
    path:'/home',
    component:Home
  },
  {
    path:'/list',
    component:Hello
  }
]

const router = new VueRouter({
  mode: 'history', // 默认值 是 ‘hash’
  // 若是 history模式 上线的时候 需要后台或者运维配置一下
  base: '/' ,//process.env.BASE_URL
  // routes:routes, // 路由映射表 是一个数组
  routes:my,
  linkActiveClass:'current', // 默认是 router-link-active
  // linkExactActiveClass:'www'
})

export default router

/* 
  VUEROUTER 使用流程   先去创造一个router实例 然后把这个
  实例 注入到VUE根实例中；



*/
